<div id="fragment-enterprise-list">
    <div class="title"></div>
    <ul class="year-tab">
        <li class="active">2020</li>
        <li>2019</li>
    </ul>
    <div class="content-wrap active">

        <div class="left-wrap">
            <div class="arrow up-arrow"></div>
            <div class="arrow down-arrow"></div>
            <div class="left-box">
                <ul class="left-tab-list">
                    <li class="tab active">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                    <li class="tab">十大阳光人物</li>
                </ul>
            </div>

        </div>

        <div class="right-wrap">
            <div class="award-list-wrap active">
                <div class="scroll_bar">
                    <div class="scroll_slider"></div>
                </div>
                <ul class="award-list">
                    <li class="personal">
                        <a href="javascript:">
                            <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        </a>
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <a href="javascript:">
                                    <span class="name">黄冈平</span>
                                    <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                                </a>
                            </p>
                            <p class="intro">
                                <a href="javascript:">
                                    讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                                </a>
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="enterprise">
                        <img src="/web/img/zcb-enterprise-1.png.jpg" alt="企业图标">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">沈阳开普医疗健康管理有限公司</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="enterprise">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">沈阳开普医疗健康管理有限公司</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="award-list-wrap">
                <div class="scroll_bar">
                    <div class="scroll_slider"></div>
                </div>
                <ul class="award-list">
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="enterprise">
                        <img src="/web/img/zcb-enterprise-1.png.jpg" alt="企业图标">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">沈阳开普医疗健康管理有限公司</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="enterprise">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">沈阳开普医疗健康管理有限公司</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="content-wrap">

        <div class="left-wrap">
            <div class="arrow up-arrow"></div>
            <div class="arrow down-arrow"></div>
            <div class="left-box">
                <ul class="left-tab-list">
                    <li class="tab active">十大阳光企业</li>
                    <li class="tab">十大阳光企业</li>
                </ul>
            </div>

        </div>

        <div class="right-wrap">
            <div class="award-list-wrap active">
                <div class="scroll_bar">
                    <div class="scroll_slider"></div>
                </div>
                <ul class="award-list">
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="enterprise">
                        <img src="/web/img/zcb-enterprise-1.png.jpg" alt="企业图标">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">沈阳开普医疗健康管理有限公司</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="enterprise">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">沈阳开普医疗健康管理有限公司</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="award-list-wrap">
                <div class="scroll_bar">
                    <div class="scroll_slider"></div>
                </div>
                <ul class="award-list">
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="enterprise">
                        <img src="/web/img/zcb-enterprise-1.png.jpg" alt="企业图标">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">沈阳开普医疗健康管理有限公司</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="enterprise">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">沈阳开普医疗健康管理有限公司</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                    <li class="personal">
                        <img src="/web/img/zcb-person-1.png.jpg" alt="专家姓名">
                        <div class="intro-wrap">
                            <p class="name-wrap">
                                <span class="name">黄冈平</span>
                                <span class="position">广西壮族自治区财政厅政府采购监督管理处处长</span>
                            </p>
                            <p class="intro">
                                讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍讲师介绍
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
    <script src="/web/lib/scrollBar.js"></script>
    <script>
        var $aYearTabLi = $('#fragment-enterprise-list ul.year-tab>li');
        var $aLeftTabListLi = $('#fragment-enterprise-list ul.left-tab-list>li.tab');
        var $aContentWrap = $('#fragment-enterprise-list .content-wrap');
        var $aAwardListWrap = $('#fragment-enterprise-list .award-list-wrap');

        $aYearTabLi.click(function () {
            $(this).addClass('active').siblings().removeClass('active');

            $aContentWrap.eq($aYearTabLi.index($(this))).addClass('active').siblings().removeClass('active');

            resetLeftScroll();
            createScrollBar();
        })
        $aLeftTabListLi.click(function () {
            $(this).addClass('active').siblings().removeClass('active');

            $(this).parents('.content-wrap').find($aAwardListWrap).eq($(this).index()).addClass('active').siblings().removeClass('active');
            console.log($aLeftTabListLi.index($(this)))

            createScrollBar();
        })

        function createScrollBar() {
            new CusScrollBar({
                contentSelector: '#fragment-enterprise-list .content-wrap.active .award-list-wrap.active .award-list', //滚动内容区
                barSelector: '#fragment-enterprise-list .content-wrap.active .award-list-wrap.active .scroll_bar', //滚动条
                sliderSelector: '#fragment-enterprise-list  .content-wrap.active .award-list-wrap.active .scroll_slider' //滚动滑块
            });
        }

        function resetLeftScroll() {
            var $oUpArrow = $('#fragment-enterprise-list .content-wrap.active .left-wrap .up-arrow');
            var $oDownArrow = $('#fragment-enterprise-list .content-wrap.active .left-wrap .down-arrow');
            var $oLeftTabList = $('#fragment-enterprise-list .content-wrap.active ul.left-tab-list');
            var $oLeftBox = $('#fragment-enterprise-list .content-wrap.active .left-box');

            var arrowClickAble = true;
            var scrollDistance = 588;
            if ($oLeftBox.innerHeight() < $oLeftTabList.innerHeight()) {
                if($oLeftTabList.position().top==0){
                    $oUpArrow.css('display', 'none');
                    $oDownArrow.css('display', 'block');
                }
            }
            $oUpArrow.click(function () {
                if (arrowClickAble && ($oLeftTabList.position().top < 0)) {
                    arrowClickAble = false;
                    $oLeftTabList.css('top', $oLeftTabList.position().top + scrollDistance + 'px');

                    $oLeftTabList.on('transitionend webkitTransitionEnd oTransitionEnd', function () {
                        $oDownArrow.css('display', 'block');
                        if ($oLeftTabList.position().top >= 0) {
                            $oUpArrow.css('display', 'none');
                        }

                        arrowClickAble = true;
                    });
                }
            })
            $oDownArrow.click(function () {
                if (arrowClickAble && ($oLeftTabList.innerHeight() - $oLeftBox.innerHeight() + $oLeftTabList.position().top > 0)) {
                    arrowClickAble = false;
                    $oLeftTabList.css('top', $oLeftTabList.position().top - scrollDistance + 'px');

                    $oLeftTabList.on('transitionend webkitTransitionEnd oTransitionEnd', function () {
                        // console.log('transitionend');
                        $oUpArrow.css('display', 'block');
                        if ($oLeftTabList.innerHeight() - $oLeftBox.innerHeight() + $oLeftTabList.position().top < 0) {
                            $oDownArrow.css('display', 'none');
                        }
                        arrowClickAble = true;
                    });
                }
            })
        }
        resetLeftScroll();
        createScrollBar();

    </script>
